import {StyleSheet} from 'react-native';

export default styles = StyleSheet.create({
  safrArea: {
    flex: 1,
    flexDirection: 'column',
    // paddingLeft: 16,
    backgroundColor: 'rgb(255,255,255)',
  },
  viewBox: {
    flex: 1,
    marginTop: 100,
    alignItems: 'center',
  },
  navText: {
    fontSize: 26,
    fontWeight: 'bold',
  },
  viewBorder: {
    width: 300,
    height: 55,
    backgroundColor: 'rgb(242,242,242)',
    flexDirection: 'row',
    alignItems: 'center',
    // justifyContent: 'center',
    borderRadius: 27,
    marginTop: 30,
    paddingLeft: 20,
  },
  iphoneStyle: {
    width: 22,
    height: 22,
  },
  wordStyle: {
    width: 22,
    height: 22,
  },
  border: {
    width: 1,
    height: 20,
    backgroundColor: 'rgb(201,201,201)',
    marginRight: 6,
    marginLeft: 8,
  },
  wordInput: {
    width: 150,
  },
  buttonStyle: {
    // width: 90,
    height: 35,
    marginRight: 10,
    backgroundColor: 'rgb(14,14,14)',
    borderRadius: 35,
    paddingLeft: 5,
    paddingRight: 5,
  },

  text: {
    color: '#fff',
    fontWeight: '700',
    textAlign: 'center',
    lineHeight: 35,
  },
  remarkText: {
    marginTop: 20,
    fontSize: 13,
    color: 'rgb(188,188,188)',
  },
  loginButton: {
    width: 300,
    height: 55,
    backgroundColor: 'rgb(14,14,14)',
    alignItems: 'center',
    justifyContent: 'center',
  },
  textLogin: {
    color: '#fff',
    fontWeight: '600',
    fontSize: 16,
  },
  bottomContainer: {
    flex: 0.1,
    flexDirection: 'row',
    justifyContent: 'center',
  },
  bottomText: {
    color: '#C8C8C8',
    fontSize: 13,
  },
  bottomLine: {
    textDecorationLine: 'underline',
  },
});
